<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>掘金</title>
    <link rel="icon" href="image/1.jpg" type="image/jpg" />
    <style>

        .one{
         width: 100%;
         height: 2.2rem;
         background-color: white;
         padding: 10px;  
         border-bottom: solid 1px rgb(177, 179, 179); 
         background-origin: padding-box;
         background-clip: border-box;
        }
        .one tr td{
            width: 70%;
            height: 60%;
            text-align: center;

        }
        p{
            text-align: center;
            text-shadow: 20px;  
            margin-bottom: -11px;  
         }
         .two font{
             margin-left: 36px;
             margin-right: 12px;
         }
         .oneone img{
             position: absolute;
             left: 217px;
             top: 12px;
             width: 106px;
            height: 40px;
            
         }
         
        .two{
           position: absolute; 
           top: 23px;
           left:338px;
           text-decoration:none;
        } 
        .two a{
            text-decoration:none;
        }
        .two font{
           font-family: 行楷; 
           color: rgb(119, 118, 119);
           font-size: 18px;
        }
      .four { 
        
          margin-right: 340px;
          float:right;
          padding: 0px 56px;
        }
        .four>:first-child{
            height: 31px;
            border-radius: 3px;
        }
         .three{
             /* width: 93px;
            height: 30px;   */
            /* background-color: rgb(75, 121, 240);    */
            float:right; 
            margin-right: 20px;  
            padding: 1px;  
            /* font-weight: "黑体"; */
            text-align: center;
            /* border-radius: 5px; */
            
         }
         .three>:last-child{
            width: 80px;
            height: 30px;  
              font-family: "黑体";
              color:white;
              font-size: 15px;
              text-align: left;
              background-color:rgb(75, 121, 240);
              padding: 2px 4px ;
              letter-spacing: 5px;
              border-left: 1px;
              border-radius: 5px;
              text-align: left;
              padding: 6px 4px;
         }
         .five>:first-child{
             width: 80px;
             height: 30px;
             color: rgb(29, 84, 187);
             letter-spacing: 2px;
             font-size: 17.5px;
              float: right;
              position: relative;
              bottom: 29px;
              left:174px;
              border-radius: 5px;
              border: 0.5px solid rgb(75, 121, 240);
              background-color:white;
                 
         }
         .six{
             width: 100%;
             height: 920px;
             /* display: flex; */
             /* flex-direction: row; */
            
             /* flex-wrap: wrap; */
             padding: 1.5rem;
             align-items: center;
             position: relative;


          }
         .six>:first-child{ 
             font-size: 1.5rem;
             color: black;
             /* text-align: left; */
             font-weight: 600;
             padding: 1.2rem;
            /* float: inherit; */
            /* float: right; */
            margin-left: 195px;
           
         } 
        /* .seven>:first-child{
            width: 30px;
            height: 30px;
            text-align: center;
         } 
         */
         .nine{
             
             font-size: 1.1rem;
             color: black;
            
             margin-left: 353px;
             margin-top: 23px;
             float: left;
           line-height: 32px;
            
         }
         .nine a{
             text-decoration:none;
             color: black;
            
         }
         .eight{
             position: absolute;
             left: 217px;
             top: 12px;
             width: 106px;
            height: 40px;
            /* padding: 1.5rem 1.2rem; */
            /* border-radius: 1rem; */
            margin-top: 50px;
            margin-left: 50px;
            
         }
         .eight>:first-child{
            float:left;
            width: 6rem;
            height: 6rem;
            border-radius: 1rem;
            /* padding:1.5rem 1.2rem; */
            margin-right: 29px;
            margin-top: 53px;
            
         }
         .nine span{
            font-size: 0.8rem;
            color: rgb(165, 165, 168);
            /* padding: 10px 10px; */
            /* line-height: 5px; */
         }
         .li a{
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
         }
         .ten1 img{
            position: absolute;
             left: 583px;
             margin-top: 18px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
            float: right;
         }
         
         .ten2{
            font-size: 1.1rem;
             color: black;
            
             margin-left: 209px;
             margin-top: 21px;
             float: left;
           line-height: 32px;
         }
         .ten2 a{
             text-decoration:none;
             color: black;
            
         }
         span.ten3{
            font-size: 0.8rem;
            color: rgb(165, 165, 168);
         }
         .ten4 a{
            color:#37c701;
             font-size: 1.1rem;
             text-align: center;
         }
         .eleven1 img{
            float: right;
            position: absolute;
             left: 895px;
             margin-top: 18px;
             width: 6rem;
            height: 6rem;
         }
         .eleven2{
            font-size: 1.1rem;
             color: black;
            
             margin-left: 209px;
             margin-top: 21px;
             float: left;
           line-height: 32px;
         }
         .eleven2 a{
             text-decoration: none;
             color: black;
         }
         .eleven3{
            font-size: 0.8rem;
            color: rgb(165, 165, 168);
         }
         .eleven4{
            color:#37c701;
             font-size: 1.1rem;
             text-align: center;
         }
         .eleven4 a{
             text-decoration: none;
             color:#37c701;
         }
         /* .twelve{
             position: absolute;
         } */
         .twelve1 img{
            float:left;
            position: absolute;
             left: 268px;
             margin-top: 173px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
         }
         .twelve2{
             position: absolute;
            font-size: 1.1rem;
             color: black;
            
             left: 20px;
             float: left;
           line-height: 28px;
          margin-left: 345px;
          margin-top: 177px;
           
         }
         .twelve2 a{
             text-decoration: none;
             color: black;
         }
        span.twelve3{
             /* position: absolute; */
            font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 20px;
             float: left;
           line-height: 47px;
          margin-left: 354px;
          margin-top: 181px;
         }
         span.twelve4{
             position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: 20px;
             float: left;
           line-height: 472px;
          
         }
         .twelve4 a{
             text-decoration: none;
             color: #37c701;
             margin-left: 357px;
         }
         .thirteen1 img{
            position: absolute;
             left: 583px;
             margin-top: 153px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
            float: right;

         }
         .thirteen2 {
            position: absolute;
            font-size: 1.1rem;
             color: black;
            
             left: 20px;
             float: left;
           line-height: 28px;
          margin-left: 668px;
          margin-top: 159px;
         } 
         .thirteen2>:nth-child(1){
             text-decoration: none;
             color: black;
         }
         span.thirteen3{
            font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 20px;
             float: left;
           line-height: 47px;
          margin-left: 680px;
          margin-top: 181px;
         }
         span.thirteen4{
            position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: 20px;
             float: left;
           line-height: 433px;
          
         }
         .thirteen4 a{
             text-decoration: none;
             color: #37c701;
             margin-left: 671px;
         }
         .fourteen1 img{
            float:left;
            position: absolute;
             left: 896px;
             margin-top: 134px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
         }
         .fourteen2{
            position: absolute;
            font-size: 1.1rem;
             color: black;
            
             left: 20px;
             float: left;
           line-height: 28px;
          margin-left: 993px;
          margin-top: 139px;
         } 
          .fourteen2 a{
             text-decoration: none;
             color: black;
         }
        span.fourteen3{
            font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 20px;
             float: left;
           line-height: 47px;
          margin-left: 993px;
          margin-top: 166px;
            }
            span.fourteen4{
                position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: 1019px;
             float: left;
           line-height: 433px;
          
            }
            .fourteen4 a{
                text-decoration: none;
             color: #37c701;
             margin-left: 0px;
            }
            .fifteen1 img{
            float:left;
            position: absolute;
             left: 268px;
             margin-top: 287px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
         }
         
         .fifteen2{
            position: absolute;
            font-size: 1.1rem;
             color: black;
            
             /* left: 20px; */
             /* float: left; */
           line-height: 28px;
          margin-left: 368px;
          margin-top: 292px;
         }
         .fifteen2 a{
             text-decoration: none;
             color: black;
         }
         .fifteen3{
            font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 20px;
             float: left;
           line-height: 47px;
          margin-left: 354px;
          margin-top: 317px;
         }
         span.fifteen4 {
            position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: 20px;
             float: left;
           line-height: 739px;
         }
          .fifteen4 a{
            text-decoration: none;
             color: #37c701;
             margin-left: 357px;
         } 
            .sixteen1 img{
                float:left;
            position: absolute;
             left: 583px;
             margin-top: 288px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
        }
            .sixteen2{
                position: absolute;
            font-size: 1.1rem;
             color: black;
            
             left: 20px;
             float: left;
           line-height: 28px;
          margin-left: 684px;
          margin-top: 290px;
            }
            .sixteen2 a{
                text-decoration: none;
             color: black;
            }
            .sixteen3{
                font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 20px;
             float: left;
           line-height: 47px;
          margin-left: 674px;
          margin-top: 317px;
            }
            span.sixteen4 {
            position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: 20px;
             float: left;
           line-height: 739px;
         }
           .sixteen4 a{
            text-decoration: none;
             color: #37c701;
             margin-left:682px;
             }
             .seventeen1 img{
                float:left;
            position: absolute;
             left: 896px;
             margin-top: 288px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
             }
             .seventeen2{
                position: absolute;
            font-size: 1.1rem;
             color: black;
            
             left:115px;
             float: left;
           line-height: 28px;
          margin-left: 896px;
          margin-top: 290px;
             }
             .seventeen2 a{
                text-decoration: none;
             color: black;
             }
             .seventeen3{
                font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 337px;
             float: left;
           line-height: 47px;
          margin-left: 674px;
          margin-top: 317px;
             }
             span.seventeen4 {
                position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: 1019px;
             top: 400px;
             /* float: left; */
           line-height: 210px;
           /* margin-top: 300px;
           margin-left: 119px; */
             
            }
            .seventeen4 a{
                text-decoration: none;
             color: #37c701;
           margin-left: 0px; 
             
             }


             .eighteen1 img{
                float:left;
            position: absolute;
             left: 267px;
             margin-top: 452px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
        }
             .eighteen2{
                position: absolute;
            font-size: 1.1rem;
             color: black;
            
             /* left: 20px; */
             float: left;
           line-height: 28px;
          margin-left: 351px;
          margin-top: 457px;
            }
            .eighteen a{
                text-decoration: none;
             color: black;
            }
            .eighteen3{
                font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 20px;
             float: left;
           line-height: 47px;
          margin-left: 354px;
          margin-top: 481px;
            }
           span.eighteen4 {
            position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: -302px;
             float: left;
           line-height: 1076px;
         }
           .eighteen4 a{
            text-decoration: none;
             color: #37c701;
             margin-left:682px;
             }

             
             .ninteen1 img{
                float:left;
            position: absolute;
             left: 584px;
             margin-top: 452px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
        }
         .ninteen2{
                position: relative;
            font-size: 1.1rem;
             color: black;
            right: 427px;
            top: 455px;
           
            }
            .ninteen2 a{
                position: relative;
                text-decoration: none;
             color: black; 
              
            } 
        .ninteen3{
                font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 20px;
             float: left;
           line-height: 47px;
          margin-left: 670px;
          margin-top: 462px;
            }
           span.ninteen4 {
            position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: -32px;
             float: left;
           line-height: 1027px;
         }
           .ninteen4 a{
            text-decoration: none;
             color: #37c701;
             margin-left:729px;
             }

             .twenty1 img{
                float:left;
            position: absolute;
             left: 895px;
             margin-top: 428px;
             width: 6rem;
            height: 6rem;
            border-radius: 1rem;
        }

        .twenty2{
                position: relative;
            font-size: 1.1rem;
             color: black;
            right: 110px;
            top: 432px;
           
            }
            .twenty2 a{
                position: relative;
                text-decoration: none;
             color: black; 
              
            } 

            .twenty3{
                font-size: 0.8rem;
            color: rgb(165, 165, 168);
            position: absolute;
             left: 339px;
             float: left;
           line-height: 3px;
          margin-left: 670px;
          margin-top: 462px;
            }
            span.twenty4 {
            position: absolute;
             color:#37c701;
             font-size: 1.1rem;
             text-align: center;
             left: -302px;
             float: left;
           line-height: 983px;
         }
           .twenty4 a{
            text-decoration: none;
             color: #37c701;
             margin-left:1320px;
             }
            .down{
                position: fixed;
                width: 100%;
                height: 500px;
                background-color: rgba(178,178,178,0.6);
                color:black;
                border: 20px soild rgb(119, 118, 119);
                top: 530px;
                border-radius: 1px;
                font-weight: 600;
                font-size: 20px;
                text-align: center;
                text-shadow: sandybrown;
                
            }
            /* .back-top{
                display:block;  
                width:60px; 
                height:60px;
                position:fixed;  
                bottom:50px;  
                right:40px; 
                border-radius:10px 10px 10px 10px;   
                text-decoration:none;  
                display:none;  
                background-color:#999999;     
                }
                */
            
  </style> 
</head>
<body>
    <div class="one" >
        <div class="oneone">
            <p style="text-align: center;">
            <a href="https://juejin.im" ><img src="image/2.png"></a>
         </p>
        </div>
        
        <div class="two">
            <a href="https://juejin.im"><font>首页</font></a>
            <a href="https://juejin.im"><font>沸点</font></a>
            <a href="https://juejin.im"><font>话题</font></a>
            <a href="https://juejin.im"><font>小册</font></a>
           <a href="https://juejin.im"> <font>活动</font></a>
        </div>
         
        <div class="four">
             <!-- <input type="four"> -->
                 <input  type="search" placeholder="探索掘金" >  
        <div   class="three"><input type="submit"class="1" value="发沸点">
        </div>
        
             <div class="five"><input type="submit"class="2" value="登录"></div>
                
             </div> 
            
        </div>
        <div class="six">
            <div class="talk">全部话题</div>
            
            <div class="seven">
                <div class="eight"><img src="image/项目专用/上班摸鱼.png"></div>
                <div class="nine"><a href="https://juejin.im/topic/6824710203301167112">上班摸鱼</a><br>
                    <span>5069关注.16460沸点</span><br>
                    <span class="li"><a href="https://juejin.im/topic/6824710203301167112">+关注</a></span>
                 </div>
            </div>
            <div class="ten">
                <div class="ten1"><a href="https://juejin.im/topic/6819970850532360206"><img src="image/项目专用/内推.png"></a></div>
                <div class="ten2"><a href="https://juejin.im/topic/6819970850532360206">内推招聘</a><br>
                    <span class="ten3">10441关注.3531沸点</span><br>
                    <span class="ten4"><a href="https://juejin.im/topic/6819970850532360206">+关注</a></span>
                </div>
            </div>
            <div class="eleven">
                <div class="eleven1"><a href="https://juejin.im/topic/6824710202487472141"><img src="image/项目专用/一图胜千言.png"></a></div>
                <div class="eleven2"><a href="https://juejin.im/topic/6824710202487472141">一图胜千言</a><br>
                    
                    <span class="eleven3">6766关注.5982沸点</span><br>
                    <span class="eleven4"><a href="https://juejin.im/topic/6824710202487472141">+关注</a></span>
                </div>
            </div>
            <div class="twelve">
                <div class="twelve1"><a href="https://juejin.im/topic/6824710202562969614"><img src="image/项目专用/今天学到了.jpg"></a></div>
                 
                    <div class="twelve2"><a href="https://juejin.im/topic/6824710202562969614">今天你学到了吗</a></div><br>
                    <span class="twelve3">7137关注.5853沸点</span>
                    <span class="twelve4"><a href="https://juejin.im/topic/6824710202562969614">+关注</a></span>
                
            </div>
            <div class="thirteen">
                <div class="thirteen1"><a href="https://juejin.im/topic/6824710202378436621"><img src="image/项目专用/每天一道算法题.png"></a></div>
             <div class="thirteen2"><a href="https://juejin.im/topic/6824710202378436621">每天一道算法题</a></div>
             <span class="thirteen3">9398关注.509沸点</span><br>
             <span class="thirteen4"><a href="https://juejin.im/topic/6824710202378436621">+关注</a></span>
            </div>
            <div class="fourteen">
                <div class="fourteen1"><a href="https://juejin.im/topic/6824710202000932877"><img src="image/项目专用/开发工具推荐.png"></a></div>
                <div class="fourteen2"><a href="https://juejin.im/topic/6824710202000932877">开发工具推荐</a></div>
                <span class="fourteen3">8685关注.1163沸点</span>
                <span class="fourteen4"><a href="https://juejin.im/topic/6824710202000932877">+关注</a></span>
            </div>
            <div class="fifteen">
                <div class="fifteen1"><a href="https://juejin.im/topic/6824710203112423437"><img src="image/项目专用/数洞一下.jpg"></a></div>
                <div class="fifteen2"><a href="https://juejin.im/topic/6824710203112423437">树洞一下</a></div>
                <span class="fifteen3">2276关注.8508沸点</span>
                <span class="fifteen4"><a href="https://juejin.im/topic/6824710203112423437">+关注</a></span>
            </div>
            <div class="sixteen">
                <div class="sixteen1"><a href="https://juejin.im/topic/6824710202416332807"><img src="image/项目专用/掘金相亲.png"></a></div>
                <div class="sixteen2"><a href="two.html">掘金相亲</a></div>
                <span class="sixteen3">2276关注.8508沸点</span>
                <span class="sixteen4"><a href="https://juejin.im/topic/6824710202416332807">+关注</a></span>
            </div>
            <div class="seventeen">
                <div class="seventeen1"><a href="https://juejin.im/topic/6819970850507194382"><img src="image/项目专用/我的开源项目.jpg"></a></div>
                <div class="seventeen2"><a href="two.html">珍爱相亲网</a></div>
                <span class="seventeen3">8685关注.1163沸点</span>
                <span class="seventeen4"><a href="https://juejin.im/topic/6819970850507194382">+关注</a></span>
            </div>
            <div class="eighteen">
                <div class="eighteen1"><a href="https://juejin.im/topic/6824710203196309518"><img src="image/项目专用/优秀开源推荐.png"></a></div>
                <div class="eighteen2"><a href="https://juejin.im/topic/6824710203196309518">我的开源项目</a></div>
                 <span class="eighteen3">8685关注.1163沸点</span>
                <span class="eighteen4"><a href="https://juejin.im/topic/6824710203196309518">+关注</a></span>
            </div>
            <div class="ninteen">
                <div class="ninteen1"><a href="https://juejin.im/topic/6824710202785267719"><img src="image/项目专用/应用安利.png"></a></div>
                 <div class="ninteen2"><a href="https://juejin.im/topic/6824710202785267719">应用安利</a></div>
                 <span class="ninteen3">9876关注.8963沸点</span>
               <span class="ninteen4"><a href="https://juejin.im/topic/6824710202785267719">+关注</a></span>
            </div>
            <div class="twenty">
                <div class="twenty1"><a href="https://juejin.im/topic/6824710202911096846"><img src="image/项目专用/今日最佳.png"></a></div>
                 <div class="twenty2"><a href="https://juejin.im/topic/6824710202911096846">今日最佳</a></div>
                 <span class="twenty3">9876关注.8963沸点</span>
               <span class="twenty4"><a href="https://juejin.im/topic/6824710202911096846">+关注</a></span> 
            </div>
         
               
    </div>
         <div class="down">
               有事请联系客服0201-81198
           </div>
          
</body>
</html>